<template>
  <div>
    用户名: <input type="text" name="" id="" v-model.trim="username" /><br />
    密码: <input type="password" name="" id="" v-model.trim="password" /><br />

    性别: 男:<input
      type="radio"
      name="sex"
      id=""
      v-model="gender"
      value="man"
    />
    女:<input
      type="radio"
      name="sex"
      id=""
      v-model="gender"
      value="woman"
    /><br />
    年龄:
    <input type="number" name="" id="" v-model.number="age" /> 所在城市:<select
      name=""
      id=""
      v-model="city"
    >
      <option value="wuhan">武汉</option>
      <option value="beijin">北京</option>
      <option value="shanghai">上海</option></select
    ><br />
    爱好: 喝酒:<input type="checkbox" id="" v-model="hobby" value="hj" />
    打游戏:<input type="checkbox" id="" v-model="hobby" value="dyx" />
    睡觉:<input type="checkbox" id="" v-model="hobby" value="sj" /><br />
    自我介绍:
    <textarea name="" id="" cols="30" rows="10" v-model="introduce"></textarea>
  </div>
</template>

<script>
export default {
  name: 'Day02App',

  data() {
    return {
      username: '',
      password: '',
      age: '',
      city: 'wuhan',
      hobby: [],
      gender: '',
      introduce: ''
    }
  },

  mounted() {},

  methods: {}
}
</script>

<style lang="scss" scoped></style>
